<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/video.css" />
    <link rel="stylesheet" type="text/css" href="css/icon.css" />
    <script src="js/jquery-1.12.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jsstyle.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
    <div class="login">
        <div class="user_login">
            <div class="u1">用户登录</div>
            <div id="" class="u2">
                <div class="close">
                    ×
                </div>

            </div>

        </div>
        <div class="form_login">
            <form action="" method="post">
                用户名：<input type="text" name="" id="" /><br/> &nbsp;&nbsp;&nbsp;密码：
                <input type="password" name="" id="" /><br/>
                <input class="subm" type="submit" value="登录" />
                <div class="bottom_a">
                    <a href="">没有账号？点击注册</a>
                </div>
            </form>
        </div>
    </div>
    <!-- <video preload="auto" src="blob:http://player.bilibili.com/b25ad2ca-b2b2-4214-9cdc-3f11b91ca00f"></video> -->
    <!--<script type="text/javascript">
		  bind: function() {
 		  SelectVideo.on("change", function () { me.BindVedio(this); });
 
}
//视频绑定
        BindVedio: function (thisFile) {
            var me = this;
            var files = thisFile.files;
            var video = $("video");
            for (var i = 0; i < files.length; i++) {
                    var node = files[i];
                    try {
                        imgURL = node.getAsDataURL();
                    } catch (e) {
                        video.attr("src",window.URL.createObjectURL(node));
                }
            }
        },
	</script>-->
    <!--首页顶部-->
    <div class="top">
        <div class="w">
            <div class="logo">

            </div>
            <div class="list fonc fons">
                <ul>
                    <li class="ss"><a href="./index.html">首页</a></li>
                    <li><a href="./information.html">资讯</a></li>
                    <li><a href="./review.html">评测</a></li>
                    <li><a href="./video.html">视频</a></li>
                    <li><a href="./share.html">分享</a></li>
                </ul>
            </div>
            <div class="search">
                <form action="">
                    <input type="text" name="" id="" class="sear" placeholder="请输入搜索内容" />
                    <span class="iconfont icon-fangdajing sou"></span>
                </form>

            </div>
            <div class="user">
                <div class="ri">
                    <span class="iconfont icon-user img"></span>
                    <span class="colorwhite">账户</span>
                    <span class="iconfont icon-xialajiantou1 xiala colorwhite"></span>
                    <div class="logolist">
                        <ul>
                            <li class="denglu"><span class="iconfont icon-denglu"></span>登录</li>
                            <li><a href="./register.html"><span class="iconfont icon-zhuce"></span>注册</a></li>
                        </ul>
                    </div>

                </div>

            </div>

        </div>
    </div>

    <div class="mmx">
        <div class="w">
            <a href="">晓火外设-分享外设精彩</a><span>></span>
            <a href="">首页</a><span>></span>
            <a href="">视频</a>
        </div>

    </div>
    <div class="content">


        <!--主体部分-->
        <div class="contenvideo">
            <div class="vmain">
                <div class="vlarge">
                    <a href="" class="vl_a">
                        <img src="img/video.jpg" alt="" />
                        <span class="imgtitle">
									<span>潮！Darmoshark M1鸿洞洞鼠开箱拆解</span>
                        <div>
                            <span class="iconfont icon-bofang"></span>400
                            <span class="iconfont icon-04"></span>30
                        </div>
                        </span>
                    </a>
                </div>
                <div class="vlarge1">
                    <span class="iconfont icon-bofang1"></span>
                </div>
                <div class="vsmall">
                    <a href="" class="mar">
                        <img src="img/video02.jpg" alt="" />
                        <span class="ri_title">
									
									<div class="tt">
										<span class="iconfont icon-bofang"></span>400
                        <span class="iconfont icon-04"></span>30
                </div>
                <div class="tit">创新、创意满分！TTC爱心轴、静音红3、新月</div>
                </span>
                </a>

                <a href="" class="mar">
                    <img src="img/video03.jpg" alt="" />
                    <span class="ri_title">
									
									<div>
										<span class="iconfont icon-bofang"></span>400
                    <span class="iconfont icon-04"></span>30
            </div>
            <div>这大概就是刚满月的键盘吧，看看能做些啥</div>
            </span>
            </a>
        </div>


    </div>
    <div class="vtitle">
        <h2>视频</h2>
    </div>
    <div class="vv">
        <div class="vs">
            <div class="vitems">
                <a href="">
                    <div class="itemimg">
                        <img src="img/vitems01.jpg" alt="" />
                    </div>

                </a>
                <h3>
                    <a href="">
										中小手趴握钢炮，红龙M711游戏鼠标...
									</a>
                </h3>
                <div class="vinfo">
                    <div class="itemuser">
                        <img src="img/user02.jpg" alt="" />

                    </div>
                    <a href="">xioazhuz</a>
                    <div class="qt">
                        <span class="iconfont icon-bofang"></span>300
                    </div>
                    <div class="qt">
                        <span class="iconfont icon-04"></span>10
                    </div>
                </div>
            </div>
            <div class="vitems">
                <a href="">
                    <div class="itemimg">
                        <img src="img/vitems01.jpg" alt="" />
                    </div>

                </a>
                <h3>
                    <a href="">
										中小手趴握钢炮，红龙M711游戏鼠标...
									</a>
                </h3>
                <div class="vinfo">
                    <div class="itemuser">
                        <img src="img/user02.jpg" alt="" />

                    </div>
                    <a href="">xioazhuz</a>
                    <div class="qt">
                        <span class="iconfont icon-bofang"></span>300
                    </div>
                    <div class="qt">
                        <span class="iconfont ico"></span>10
                    </div>
                </div>
            </div>
            <div class="vitems">
                <a href="">
                    <div class="itemimg">
                        <img src="img/vitems01.jpg" alt="" />
                    </div>

                </a>
                <h3>
                    <a href="">
										中小手趴握钢炮，红龙M711游戏鼠标...
									</a>
                </h3>
                <div class="vinfo">
                    <div class="itemuser">
                        <img src="img/user02.jpg" alt="" />

                    </div>
                    <a href="">xioazhuz</a>
                    <div class="qt">
                        <span class="iconfont icon-bofang"></span>300
                    </div>
                    <div class="qt">
                        <span class="iconfont ico"></span>10
                    </div>
                </div>
            </div>
            <div class="vitems">
                <a href="">
                    <div class="itemimg">
                        <img src="img/vitems01.jpg" alt="" />
                    </div>

                </a>
                <h3>
                    <a href="">
										中小手趴握钢炮，红龙M711游戏鼠标...
									</a>
                </h3>
                <div class="vinfo">
                    <div class="itemuser">
                        <img src="img/user02.jpg" alt="" />

                    </div>
                    <a href="">xioazhuz</a>
                    <div class="qt">
                        <span class="iconfont icon-bofang"></span>300
                    </div>
                    <div class="qt">
                        <span class="iconfont ico"></span>10
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--//分页-->
    <div class="pg">
        <a href="/portal.php?page=3" class="prev">上一页</a>
        <a class="colorpg" href="/portal.php?page=1">1</a>
        <a href="/portal.php?page=2">2</a>
        <a href="/portal.php?page=3">3</a>
        <a href="/portal.php?page=4">4</a>
        <a href="/portal.php?page=5">5</a>
        <a href="/portal.php?page=6">6</a>
        <a href="/portal.php?page=7">7</a>
        <a href="/portal.php?page=8">8</a>
        <a href="/portal.php?page=9">9</a>
        <a href="/portal.php?page=10">10</a>
        <a href="/portal.php?page=522" class="last">... 522</a>
        <label><input type="text" name="custompage" class="px" size="2" title="输入页码，按回车快速跳转"><span> / 522 页</span></label>
        <a href="/portal.php?page=3" class="nxt">下一页</a></div>
    </div>







    </div>


    <!--//页面底部-->
    <div class="footer">
        <div class="w">
            <div class="ft1">
                <div class="ftlogo">
                    <img src="img/ft02.jpg" alt="" />
                </div>
                <p class="ft1cont">
                    <a href="">关于我们</a><span class="space">|</span>
                    <a href="">精彩分享</a><span class="space">|</span>
                    <a href="">手机版</a><span class="space">|</span>
                    <a href="">小黑屋</a><span class="space">|</span>
                </p>
                <p class="ft1cont1"><a href="">浙江工贸职业技术学院</a>
                    <span>|</span>
                    <a href="">晓火外设</a>
                </p>
            </div>
            <div class="xian"></div>
            <div class="ft2">
                <p>
                    <a href="">join人才招聘</a>
                    <a href="">晓火外设皂品</a>
                    <a href="">晓火外设微博</a>
                    <a href="">晓火外设B站</a>
                    <a href="">关注抖音号：奇怪。</a>
                </p>
            </div>
        </div>
    </div>

</body>

</html>